<script setup lang="ts">
defineProps({
  title: {type: String, required: true},
});

// 运行时
const emit = defineEmits(['enlarge'])


// 基于类型
/*
const emit = defineEmits({
  enlarge: () => {
    // 返回 `true` 或 `false`
    // 表明验证通过或失败
    return true;
  },
});
*/

// 3.3+: 可选的、更简洁的语法
// const emit = defineEmits<{
//   enlarge: [];
// }>();

import {NButton} from 'naive-ui';
</script>

<template>
  <n-button @click="$emit('enlarge')">{{ title }}</n-button>
</template>

<style scoped>

</style>